<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="./favicon.ico">
    <title>成果统计系统</title>
</head>
<style>
* {
    padding: 0;
    margin: 0;
}
.header {
    background: linear-gradient(
        90deg,
        rgba(255, 150, 0, 1) 0%,
        rgba(255, 110, 0, 1) 100%
    );
    height: 50px;
}

.header img {
    width: 160px;
    height: 30px;
    position: relative;
    top: 10px;
    left: 20px;
    cursor: pointer;
}

</style>
<body>
    <div id="app">
        <div class="header">
            <!-- <img src="./logo.png" alt="logo" /> -->
            <img id="header_logo" src="" alt="logo" />
        </div>
        <div style="text-align: center; padding: 200px 0 20px;">
            <img src='' alt="" height="217px" />
        </div>
        <p id="tips" style="text-align: center; width: 360px; margin: 0 auto; color: #333;">成果统计系统目前仅对企业和承办机构用户开放，请使用企业或承办机构用户身份登录。</p>
    </div>
</body>
<script>
    // 英文
    if (document.cookie.indexOf('site_lang=en-US') > -1) {
        document.querySelector('#tips').innerHTML = 'The Achievements Statistics System is just open to enterprise and contractor users in current, please log in using the enterprise or contractor user identity.'
        document.querySelector('#tips').style.width = '700px'
    }

    // logo跳转
    document.querySelector('#header_logo').onclick = function() {
        window.location.href = "https://www.ciftis.org/"
    }
</script>
</html>